.me-main {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	font-size: 28rpx;
	background-color: #f5f5f5;
	.scroll-wrapper {
		position: relative;
		flex: 1;
		overflow-y: auto;
		overflow-x: hidden;
		.header-bg {
			width: 100%;
			height: 145px;
			background-image: linear-gradient(0deg,#f1503b,#c82519 50%);
		}
		.scroll-content {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			padding: 30rpx;
			box-sizing: border-box;
			.header {
				z-index: 999;
				.user-info-wrap {
					display: flex;
					justify-content: space-between;
					align-items: center;
					.left {
						.user-avatar {
							display: block;
							width: 106rpx;
							height: 106rpx;
							border-radius: 50%;
						}
						.user-avatar-icon {
							color: #ffffff;
							font-size: 106rpx;
							border-radius: 50%;
						}
					}
					.center {
						flex: 1;
						padding-left: 30rpx;
						.user-name {
							color: #ffffff;
							font-size: 30rpx;
							font-weight: 700;
						}
						.tips {
							margin-top: 6rpx;
							color: #ffffff;
							font-size: 24rpx;
						}
					}
					.right {
						color: #FFFFFF;
						font-size: 26rpx;
					}
				}
				.money-info-wrap {
					display: flex;
					justify-content: space-around;
					align-items: center;
					margin-top: 60rpx;
					height: 160rpx;
					background: #fff;
					box-shadow: 0px 2rpx 25rpx 0 rgba(0, 0, 0, 0.1);
					border-radius: 8rpx;
					.money-info-column {
						text-align: center;
						.count {
							margin-bottom: 10rpx;
							font-weight: bold;
							font-size: 32rpx;
						}
						.text {
							font-size: 24rpx;
							color: #666;
						}
					}
				}
			}
			.content {
				margin-top: 30rpx;
				.box {
					margin-bottom: 30rpx;
					width: 100%;
					background: #FFFFFF;
					box-shadow: 0px 2rpx 25rpx 0 rgba(0, 0, 0, 0.1);
					border-radius: 8rpx;
					.top {
						display: flex;
						align-items: center;
						padding: 0 30rpx;
						height: 88rpx;
						.title {
							flex: 1;
							color: #333;
							font-size: 32rpx;
							line-height: 32rpx;
							font-weight: 700;
						}
						.more {
							font-size: 24rpx;
							color: #999;
						}
						.arrow-right-icon {
							margin-left: 6rpx;
							font-size: 20rpx;
							color: #999;
						}
						.clock-icon {
							font-size: 40rpx;
							color: #50bf8b;
							margin-right: 8px;
						}
						.delete-icon {
							color: #999;
						}
					}
					.bottom {
						display: flex;
						justify-content: space-around;
						padding-bottom: 30rpx;
						.item {
							display: flex;
							justify-content: space-between;
							align-items: center;
							flex-direction: column;
							height: 100rpx;
							.iconfont {
								font-size: 50rpx;
								color: #fa2c19;
							}
							.text {
								color: #666;
								font-size: 24rpx;
								line-height: 24rpx;
							}
						}
					}
					
				}
				.history-box {
					.top {
						.title {
							font-size: 28rpx;
							font-weight: 400;
						}
					}
					.bottom {
						padding: 0 30rpx;
						width: 100%;
						box-sizing: border-box;
						.history-img {
							margin-right: 8rpx;
							width: 144rpx;
							height: 144rpx;
							border-radius: 8rpx;
						}
						/deep/.uni-scroll-view-content {
							white-space: nowrap;
						}
					}
					.cell-wrap {
						padding: 0 30rpx;
						.cell {
							display: flex;
							align-items: center;
							height: 88rpx;
							.cell-icon {
								margin-right: 20rpx;
								font-size: 40rpx;
							}
							.label {
								flex: 1;
								font-size: 30rpx;
								color: #333;
							}
							.arrow-right-icon {
								font-size: 24rpx;
								color: #999;
							}
							.wallet-icon {
								color: rgb(250, 67, 106);
							}
							.address-icon {
								color: rgb(95, 205, 162);
							}
							.collection-icon {
								color: rgb(84, 180, 239);
							}
							.opinion-icon {
								color: rgb(238, 136, 59);
							}
							.setting-icon {
								color: rgb(55, 176, 251);
							}
						}
					}
					
				}
			}
		}
		
	}
}